<div class="cate" ng-controller="proCateCtr">
    <h1 class="title">产品分类</h1>
    <ul class="nav">
        <li ng-repeat="(key,item) in navArr" ng-bind="item" ng-click="navTab(key)" ng-class="NavColor==key?'on':''"></li>
    </ul>
    <ol class="list">
        <li>
            <a class="pic" href="javascript:;"><img src="src/img/pro_cate/pro_cate_1.png" alt="pro_cate_1.png"></a>
            <div class="text">
                <span class="price">￥<b>475.00</b></span>
                <i class="old-price">￥<s>475.00</s></i>
            </div>
            <a class="sub-title" href="javascript:;"><h3>皮尔卡丹男士商务正装蓝色紫色金色真丝结婚领带</h3></a>
        </li>
        <li>
            <a class="pic" href="javascript:;"><img src="src/img/pro_cate/pro_cate_1.png" alt="pro_cate_1.png"></a>
            <div class="text">
                <span class="price">￥<b>475.00</b></span>
                <i class="old-price">￥<s>475.00</s></i>
            </div>
            <a class="sub-title" href="javascript:;"><h3>皮尔卡丹男士商务正装蓝色紫色金色真丝结婚领带</h3></a>
        </li>
        <li>
            <a class="pic" href="javascript:;"><img src="src/img/pro_cate/pro_cate_1.png" alt="pro_cate_1.png"></a>
            <div class="text">
                <span class="price">￥<b>475.00</b></span>
                <i class="old-price">￥<s>475.00</s></i>
            </div>
            <a class="sub-title" href="javascript:;"><h3>皮尔卡丹男士商务正装蓝色紫色金色真丝结婚领带</h3></a>
        </li>
        <li>
            <a class="pic" href="javascript:;"><img src="src/img/pro_cate/pro_cate_1.png" alt="pro_cate_1.png"></a>
            <div class="text">
                <span class="price">￥<b>475.00</b></span>
                <i class="old-price">￥<s>475.00</s></i>
            </div>
            <a class="sub-title" href="javascript:;"><h3>皮尔卡丹男士商务正装蓝色紫色金色真丝结婚领带</h3></a>
        </li>
        <li>
            <a class="pic" href="javascript:;"><img src="src/img/pro_cate/pro_cate_1.png" alt="pro_cate_1.png"></a>
            <div class="text">
                <span class="price">￥<b>475.00</b></span>
                <i class="old-price">￥<s>475.00</s></i>
            </div>
            <a class="sub-title" href="javascript:;"><h3>皮尔卡丹男士商务正装蓝色紫色金色真丝结婚领带</h3></a>
        </li>
        <li>
            <a class="pic" href="javascript:;"><img src="src/img/pro_cate/pro_cate_1.png" alt="pro_cate_1.png"></a>
            <div class="text">
                <span class="price">￥<b>475.00</b></span>
                <i class="old-price">￥<s>475.00</s></i>
            </div>
            <a class="sub-title" href="javascript:;"><h3>皮尔卡丹男士商务正装蓝色紫色金色真丝结婚领带</h3></a>
        </li>
    </ol>


    <div app-bottom-bar></div>
</div>